<template>
    <div>
        <h1>列表显示</h1>
        <table>
            <tr>
                <td>ID</td>
                <td>姓名</td>
                <td>手机号</td>
                <td>地址</td>
            </tr>
            <tr v-for="item in ojbss":key="item.id">
                <td>{{ item.id }}</td>
                <td>{{ item.name }}</td>
                <td>{{ item.Phone }}</td>
                <td>{{  item.adder}}</td>
            </tr>
        </table>
    </div>
</template>

<script setup lang="ts">
    import { ref,reactive } from 'vue';
    let ojbss = reactive([
        {id:1,name:'用户1',Phone:'123243234',adder:'河北'},
        {id:2,name:'用户2',Phone:'123243234',adder:'北京'},
        {id:3,name:'用户3',Phone:'123243234',adder:'河南'},
        {id:4,name:'用户4',Phone:'123243234',adder:'河北'},
        {id:5,name:'用户5',Phone:'123243234',adder:'河南'},
        {id:6,name:'用户6',Phone:'123243234',adder:'河南'}
    ])
</script>

<style scoped>

</style>